<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <!-- TDK三大标签SEO优化 -->
  <title>品优购商城-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- 引入初始化样式 -->
  <link rel="stylesheet" href="./css/base.css">
  <!-- 引入公共样式 -->
  <link rel="stylesheet" href="./css/common.css">
	<!-- 引入页面自己的样式 -->
  <link rel="stylesheet" href="./css/list.css">
	<!-- 引入favicon图标 -->
  <link rel="shortcut icon" href="./favicon.ico" />
</head>
<body>
  <!-- 快捷导航模块 -->
  <section class="shortcut ">
    <div class="w">
      <div class="fl">
        <ul>
          <li>品优购欢迎您!&nbsp;</li>
          <li>
            <a href="">请登录&nbsp;</a>
            <a href="" class="style-red">免费注册&nbsp;</a>
          </li>
        </ul>
      </div>
      <div class="fr">
        <ul>
          <li>我的订单</li>
          <li></li>
          <li class="arrow-icon">我的品优购</li>
          <li></li>
          <li>品优购会员</li>
          <li></li>
          <li>企业采购</li>
          <li></li>
          <li class="arrow-icon">关注品优购</li>
          <li></li>
          <li class="arrow-icon">客服服务</li>
          <li></li>
          <li class="arrow-icon">网站导航</li>
        </ul>
      </div>
  </section>
  <!-- header头部模块 -->
  <header class="header w">
    <!-- logo部分 -->
    <div class="logo">
      <h1>
        <a href="index.html" title="品优购商城">品优购商城</a>
      </h1>
    </div>
    <!-- 列表页新加秒杀部分 -->
    <div class="sk">
      <img src="./img/images/sk.png" alt="">
    </div>
    <!-- 搜索部分 -->
    <div class="search">
      <input type="search" placeholder="语言开发" />
      <button>搜索</button>
    </div>
    <!-- 热词部分 -->
    <div class="hotwords">
      <ul>
        <li><a href="" class="style-red">优惠购首发</a></li>
        <li><a href="">亿元优惠</a></li>
        <li><a href="">9.9团购</a></li>
        <li><a href="">满99减30</a></li>
        <li><a href="">办公用品</a></li>
        <li><a href="">电脑</a></li>
        <li><a href="">通信</a></li>
      </ul>
    </div>
    <!-- 购物车部分 -->
    <div class="shopcar">
      我的购物车
      <i class="count">8</i>
    </div>
  </header>
  <!-- nav模块 -->
  <div class="nav">
    <div class="w">
      <div class="sk_list fl">
        <ul>
          <li><a href="">品优秒杀</a></li>
          <li><a href="">即将售罄</a></li>
          <li><a href="">超值低价</a></li>
        </ul>
      </div>
      <div class="sk_cont fr">
        <ul>       
          <li><a href="">女装</a></li>
          <li><a href="">女鞋</a></li>
          <li><a href="">男装</a></li>
          <li><a href="">男鞋</a></li>
          <li><a href="">母婴童装</a></li>
          <li><a href="">食品</a></li>
          <li><a href="">智能数码</a></li>
          <li><a href="">运动户外</a></li>
          <li><a href="">更多分类</a></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 列表主体模块 -->
  <div class="sk_continaer w clearfix">
    <div class="sk_hd">
      <img src="./img/upload/bg_03.png" alt="">
    </div>
    <div class="sk_bd">
      <ul>
        <li>
          <img src="./img/upload/sk-list/sklist1.webp" alt="">
          <p>Apple iPhone 13 mini (A2629)128GB 绿色 支持移动联通电信5G手机</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist2.webp" alt="">
          <p>Apple iPhone 13 mini (A2629)128GB 绿色 支持移动联通电信5G手机</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist3.webp" alt="">
          <p>Apple MacBook Pro 14英寸 M1 Pro芯片Apple MacBook Pro</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist4.webp" alt="">
          <p>Apple iPhone 13 mini (A2629)128GB 绿色 支持移动联通电信5G手机</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist5.webp" alt="">
          <p>Apple iPhone 13 mini (A2629)128GB 绿色 支持移动联通电信5G手机</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist6.webp" alt="">
          <p>Apple iPhone 13 mini (A2629)128GB 绿色 支持移动联通电信5G手机</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist7.webp" alt="">
          <p>Apple iPhone 13 mini (A2629)128GB 绿色 支持移动联通电信5G手机</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist8.webp" alt="">
          <p>Apple iPhone 13 mini (A2629)128GB 绿色 支持移动联通电信5G手机</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist9.webp" alt="">
          <p>Apple iPhone 13 mini (A2629)128GB 绿色 支持移动联通电信5G手机</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist10.webp" alt="">
          <p>Apple iPhone 13 mini (A2629)128GB 绿色 支持移动联通电信5G手机</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist11.webp" alt="">
          <p>Apple iPhone 13 mini (A2629)128GB 绿色 支持移动联通电信5G手机</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist12.webp" alt="">
          <p>Apple iPhone 13 mini (A2629)128GB 绿色 支持移动联通电信5G手机</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist13.webp" alt="">
          <p>Apple iPhone 13 mini (A2629)128GB 绿色 支持移动联通电信5G手机</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist14.webp" alt="">
          <p>Apple iPhone 13 mini (A2629)128GB 绿色 支持移动联通电信5G手机</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist15.webp" alt="">
          <p>Apple iPhone 13 mini (A2629)128GB 绿色 支持移动联通电信5G手机</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist16.webp" alt="">
          <p>Apple iPhone 13 mini (A2629)128GB 绿色 支持移动联通电信5G手机</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist17.webp" alt="">
          <p>Apple iPhone 13 mini (A2629)128GB 绿色 支持移动联通电信5G手机</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist18.webp" alt="">
          <p>Apple iPhone 13 mini (A2629)128GB 绿色 支持移动联通电信5G手机</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist19.webp" alt="">
          <p>OPPO K9 Pro 8+128GB 冰河序曲 天玑1200 120Hz OLED电竞屏</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
        <li>
          <img src="./img/upload/sk-list/sklist20.webp" alt="">
          <p>OPPO A96 8+128GB 琉璃幻彩 呼吸灯 高通八核5G芯片</p>
          <h3>￥2399</h3>
          <h4>￥2699</h4>
          <div class="quantity">
            <span>已售87%</span>
            <div class="fl">
              1
            </div>
            <span>剩余29件</span>
          </div>
          <div class="qkbuy">
            <a href="">立即抢购</a>
          </div>
        </li>
      </ul>
    </div>
  </div>
  <!-- 底部模块 -->
  <footer class="footer">
    <div class="w">
      <!-- 服务模块 -->
      <div class="mod-service">
        <ul>
          <li>
            <div class="fl"></div>
            <div class="service-txt">
              <h4>正品保障</h4>
              <p>正品保障,提供发票</p>
            </div>
          </li>
          <li>
            <div class="fl"></div>
            <div class="service-txt">
              <h4>急速物流</h4>
              <p>急速物流,急速送达</p>
            </div>
          </li>
          <li>
            <div class="fl"></div>
            <div class="service-txt">
              <h4>无忧售后</h4>
              <p>7天无理由退换货</p>
            </div>
          </li>
          <li>
            <div class="fl"></div>
            <div class="service-txt">
              <h4>特色服务</h4>
              <p>私人定制家电套餐</p>
            </div>
          </li>
          <li>
            <div class="fl"></div>
            <div class="service-txt">
              <h4>帮助中心</h4>
              <p>您的购物指南</p>
            </div>
          </li>
        </ul>
      </div>
      <!-- 帮助模块 -->
      <div class="mod-help">
        <dl>
          <dt>购物指南</dt>
          <dd><a href="">购物流程</a></dd>
          <dd><a href="">会员介绍</a></dd>
          <dd><a href="">生活旅行/团购</a></dd>
          <dd><a href="">常见问题</a></dd>
          <dd><a href="">大家电</a></dd>
          <dd><a href="">联系客服</a></dd>
        </dl>
        <dl>
          <dt>配送方式</dt>
          <dd><a href="">上门自提</a></dd>
          <dd><a href="">211限时达</a></dd>
          <dd><a href="">配送服务查询</a></dd>
          <dd><a href="">配送费收取标准</a></dd>
          <dd><a href="">海外配送</a></dd>
        </dl>
        <dl>
          <dt>支付方式</dt>
          <dd><a href="">货到付款</a></dd>
          <dd><a href="">在线支付</a></dd>
          <dd><a href="">分期付款</a></dd>
          <dd><a href="">邮局汇款</a></dd>
          <dd><a href="">公司转账</a></dd>
        </dl>
        <dl>
          <dt>售后服务</dt>
          <dd><a href="">售后政策</a></dd>
          <dd><a href="">价格保护</a></dd>
          <dd><a href="">退款说明</a></dd>
          <dd><a href="">返修/退换货</a></dd>
          <dd><a href="">取消订单</a></dd>
        </dl>
        <dl>
          <dt>特色服务</dt>
          <dd><a href="">夺宝岛</a></dd>
          <dd><a href="">DIY装机</a></dd>
          <dd><a href="">延保服务</a></dd>
          <dd><a href="">品优购E卡</a></dd>
          <dd><a href="">品优购通信</a></dd>
        </dl>
        <dl>
          <dt>帮助中心</dt>
          <dd>
            <img src="./img/images/wx_cz.jpg" alt="">
          </dd>
          <dd>品优购客户端</dd>
        </dl>
      </div>
      <!-- 版权模块 -->
      <div class="mod-copyright">
        <div class="links">
          <ul>
            <li><a href="">关于我们</a></li>
            <li></li>
            <li><a href="">联系我们</a></li>
            <li></li>
            <li><a href="">联系客服</a></li>
            <li></li>
            <li><a href="">商家入驻</a></li>
            <li></li>
            <li><a href="">营销中心</a></li>
            <li></li>
            <li><a href="">手机品优购</a></li>
            <li></li>
            <li><a href="">友情链接</a></li>
            <li></li>
            <li><a href="">销售联盟</a></li>
            <li></li>
            <li><a href="">品优购社区</a></li>
            <li></li>
            <li><a href="">品优购公益</a></li>
            <li></li>
            <li><a href="">English Site</a></li>
            <li></li>
            <li><a href="">Contact U</a></li>
          </ul>
        </div>
        <div class="copyright">
          <p>
            地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn<br />
            京ICP备08001421号京公网安备1
          </p>
        </div>
      </div>
    </div>
  </footer>
</body>
</html>